import request from "../../utils/request"
Page({

  /**
   * 页面的初始数据
   */
  data: {
    bannerLists:[],//轮播图数据
    recommendLists:[],//推荐歌曲数据
    topLists:[]//排行榜数据
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad:async function (options) {
    wx.showLoading({
      title: '正在加载',
    })
    // 获取轮播图数据
    const bannerLists = await request("/banner")
    this.setData({
      bannerLists:bannerLists.banners
    })
    //获取推荐歌曲数据
    const recommendLists = await request("/personalized",{limit:10})
    this.setData({
      recommendLists:recommendLists.result
    })
    //获取排行榜数据
    const {topLists} = this.data
    let index = 0 ; 
    while(index<5){
      const toplist  = await request("/top/list",{idx:index++})
      //splice 会改变原数组 slice 不会改变原数组
      topLists.push({
        name : toplist.playlist.name,
        tracks: toplist.playlist.tracks.splice(0,3)
      })
      //push进去一次就加载一次,从而解决长时间白屏的问题好，但是渲染次数会多一些
      this.setData({
        topLists
      })
    }


  },
  toRecommendSong(){
    wx.navigateTo({
      url: '/songPackage/pages/recommendsong/recommendsong',
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    wx.hideLoading()
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})